<template>
  <div>
    <el-form :inline="true" label-suffix=":" label-width="92px">
      <el-form-item label="客户名称" prop="name">
        <el-input readonly v-model="form.name"/>
      </el-form-item>
      <el-form-item label="客户编码" prop="name">
        <el-input readonly v-model="form.name"/>
      </el-form-item>
      <el-form-item label="网单号码" prop="name">
        <el-input readonly v-model="form.name"/>
      </el-form-item>
      <el-form-item label="送货单号" prop="name">
        <el-input readonly v-model="form.name"/>
      </el-form-item>
      <el-form-item label="送货司机" prop="name">
        <el-input readonly v-model="form.name"/>
      </el-form-item>
      <el-form-item label="生产线别" prop="name">
        <el-input readonly v-model="form.name"/>
      </el-form-item>
      <el-form-item label="业务员" prop="name">
        <el-input readonly v-model="form.name"/>
      </el-form-item>
      <el-form-item label="跟单员" prop="name">
        <el-input readonly v-model="form.name"/>
      </el-form-item>
      <el-form-item label="投诉类别" prop="name">
        <el-select v-model="form.name" style="width: 202px" placeholder="请选择">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="投诉内容" prop="name">
        <el-input style="width: 354px" v-model="form.name"/>
      </el-form-item>
      <el-form-item label="投诉对象" prop="name">
        <el-input style="width: 354px" v-model="form.name"/>
      </el-form-item>
      <el-form-item label="其他原因" prop="name">
        <el-input type="textarea" style="width:810px" rows="5" v-model="form.name"/>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  name: 'Complaint',
  data() {
    return {
      form: {},
      options: [
        {
          label: '储运',
          value: 1
        },
        {
          label: '生产',
          value: 2
        },
        {
          label: '业务',
          value: 3
        },
        {
          label: '业助',
          value: 4
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
